<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用戶管理——>編輯setuserManage.html</title>
	</head>
	<link rel="stylesheet" href="../css/common.css" />

	<style>
		.newPlan{
			background:#ff7777;
		}
		.btnBox{
		
			text-align:center;
			margin-top:15px;
			margin-bottom:20px;
		}
		.addAir{
			width:100%;
			margin-top:20px;
			text-align:center;
		}
		.addAir p,.addAir .born{
			width:58%;
		  	 margin:auto;
			color:#959ca2;
		
			height:30px;
			margin-top:15px;
			line-height:30px;
			text-align:right;
		}
		.addAir p .com,.addAir .wid{
			width:212px;
			height:100%;
			margin-left:10px;
		}
		
		select{
			height:25px;
			width:69px;
		}
		.bornDate{
			padding-right:14px;
		}
		.cancel{
		background:#afb1b0;
		margin-left:10px;
		}
		.addAir  .borthdate{
		display:inline-block;
		}
		.addAir .radio_sex{
			
		}
		.role span{
			display:inline-block;
			width:225px;
			text-align:left;
			margin-top:7px;
		}
		.role span i{
			background:#fea513;
			margin-left:6px;
		}
		.checkbox{
			margin-left:160px;
			margin-top:10px;
			
			padding-top:5px;
			padding-left:5px;
			text-align:left;
			margin-right:100px;
		}
		.checkbox label{
			margin-right:10px;
			display:inline-block;
			margin-top:3px;
		}
		.checkbox label img{
		display:inline;
		margin-right:5px;
		}
		
		.born_p input.com{
			border:1px solid rgb(169, 169, 169);
			margin-left:0px;
		}
	</style>
	<body>
		<div class="addAir">
			
			<p>用户名:<input type="text" class="com" id="loginname" disabled /><strong style="color:red;">*</strong></p>
			<p>姓名:<input type="text" class="com" id="name" disabled /><strong style="color:red;">*</strong></p>
			<p> 部门:
					<select class="wid" id="organizationName">
					<!-- 
					<option value="14">总裁办</option>
					<option value="15">航空事业部</option>
					<option value="16">计调部</option>
					<option value="17">市场部</option>
					 -->
					</select>
			<strong style="color:red;">*</strong></p>
			<p>性别:&nbsp;&nbsp;<span style='width:220px;display:inline-block;text-align:left;'>
					<input type='radio' class="radio_sex" name="sex" value="1" />&nbsp;&nbsp;男&nbsp;&nbsp;&nbsp;
					<input type='radio' class="radio_sex" name="sex" value="2" />&nbsp;&nbsp;女
					</span>
			</p>
			<!--  
			<div class="born">出生日期:&nbsp;&nbsp;
				<form name=form1 class="borthdate">
				 <select id="year" name=YYYY onchange="YYYYMM(this.value)">
        			<option value="">年</option>
    			</select>
    			<select id="month" name=MM onchange="MMDD(this.value)">
        			<option  value="">月</option>
    			</select>
    			<select id="day" name=DD>
        			<option value="">日</option>
    			</select>
    			</form>
				<strong style="color:#f1f1f1;">*</strong>
			</div> -->
			<p class='born_p'>出生日期:<input type="text" id="birthday" class="com datespicker" onFocus="new WdatePicker({dateFmt:'yyyy-MM-dd'})" /><strong style="color:#f1f1f1;">*</strong></p>
			<p>邮箱:<input type="text" class="com" id="email" /><strong style="color:red;">*</strong></p>
			<p>手机:<input type="text" class="com" id="phone" /><strong style="color:#f1f1f1;">*</strong></p>
			<p>座机:<input type="text" class="com" id="tel" /><strong style="color:#f1f1f1;">*</strong></p>
			<p class="role">角色:&nbsp;<span><i class='Dolo_btn xiugai'>编辑</i></span>
			</p>
			<div class='checkbox'>
			  <!--   
				<label><img src="../img/pricePlan/ok.png"><span>超级管理员</span></label>
				<label><img src="../img/pricePlan/ok.png"><span>超级管理员</span></label>
				<label><img src="../img/pricePlan/ok.png"><span>超级管理员</span></label>
				<label><img src="../img/pricePlan/ok.png"><span>超级管理员</span></label>
				--> 
			
			</div>
			<p>状态:&nbsp;&nbsp;<span style='width:224px;display:inline-block;text-align:left;'>
					<input type='radio' class="radio_sex" name="state" value="0" />&nbsp;&nbsp;&nbsp;正常&nbsp;&nbsp;&nbsp;
					<input type='radio' class="radio_sex" name="state" value="1" />&nbsp;&nbsp;&nbsp;无效
					</span>
			</p>
		
		</div>
		
		<div class='btnBox'>
			<button class='Dolo_btn sure'>确认</button>
			<button class='Dolo_btn cancel'>取消</button>
		</div>
		
		
	</body>
		<script type="text/javascript" src="../js/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../layer-v2.4/layer/layer.js" ></script>
		<!-- 引入my97日期时间控件 -->
		<script type="text/javascript" src="../js/My97DatePicker/WdatePicker.js" charset="utf-8"></script>	
		<script type="text/javascript" src="../js/common.js" ></script>
		<!--  
		<script type="text/javascript" src="../js/birthDateComponent.js" ></script> -->
		
		<script>
		/*__________________________________________部门数据的加载______________________________________________________*/
		
			$.ajax({
			type:"get",
			url:"../User?temp="+Math.random(),
			dataType:"json",
			success:function(data){
				$("#organizationName").html("");
				var optionStr="";
				for(var i=0;i<data.data.length;i++){
					optionStr+="<option value="+data.data[i].id+">" + data.data[i].name + "</option>";  
				}
					
				$("#organizationName").html(optionStr);
					
				}
		})
		
		
		/*__________________________________________編輯_______________________________________________________*/
		$(".xiugai").click(function(){
			/*用于传到编辑页面的参数--begin---*/
			 var len=$(".checkbox label").length;
			
			 var Text=[];//用于存放展示出来的角色对应的id数组
			 if(len==0){
				 role_param="";
			 }else{
			     for(var i=0;i<len;i++){
			    	 
			    	 Text.push($(".checkbox label")[i].getAttribute("value"));
			    	
			     }
			     
			     role_param=Text.join(",");//得到角色id的字符串系列
			 }
		    
			/*用于传到编辑页面的参数--end---*/
			
						layer.open({
							type: 2,
							title: ['编辑角色','background-color:#00aa98; color:#fff;'],
							shadeClose: true,
							shade: 0.3,
							area: ['100%', '100%'],  
							content: ['../ak/setuserManage_edit.html?role_param='+role_param,'no'],// iframe的url，no代表不显示滚动条
							end:function(){
							
							}
								
						});
					})
	//接收数据
			function getRole(data){
				console.log(data)//得到传过来的value和text中文字符串 value和text分别为传过来的两个数组
				role_Idlist=data.value;//角色数组
				var str="";
				$(".checkbox").empty();
				for(var i=0;i<data.value.length;i++){
					for(var j=0;j<data.text.length;j++){
						i=j;
						str+="<label value="+data.value[i]+"><img src='../img/pricePlan/ok.png'><span>"+data.text[j]+"</span></label>"
					}
				}
				$(".checkbox").append(str);//将选择的角色追加进去
			    
			}
					
		/*——————————调用接口填充数据到编辑页面—-———————————————————————*/
		 var url = document.location.href.toString();
		 var u = url.split("=");
		 //alert(u[1]) 获取通过URL向下一个页面传过来的id值
		 	$.ajax({
				type:"get",
				url:"../User/editPage?id="+u[1]+"&temp="+Math.random(),
				dataType:"json",
				async:true,
				success:function(data){
					
					$("#loginname").val(data.data.loginname);//用户名
					$("#name").val(data.data.name);//姓名
					//$("#organizationName").val(data.data.organizationName);//部门
					$("#organizationName option[value='"+data.data.organizationId+"']").attr("selected",true); //部门
					$("input[name='sex'][value='"+data.data.sex+"']").attr("checked",true);//性别
					$("input[name='state'][value='"+data.data.state+"']").attr("checked",true);//状态
				
					$("#birthday").val(data.data.birthday);//出生日期
					$("#email").val(data.data.email);//邮箱
					$("#phone").val(data.data.phone);//手机
					$("#tel").val(data.data.tel);//座机
				    
					/*将rolesIds字符串存放于数组role_arr数组中*/
					var role_arr=[];
					if(data.data.roleIds){//存在该字段
						if(data.data.roleIds.indexOf(",")==-1){
							role_arr.push(data.data.roleIds);
							
						}else{
							
							role_arr=data.data.roleIds.split(",");
						}
						//console.log(role_arr);
					}
					/*将rolesNames字符串存放于数组role_Names数组中*/
					var role_Names=[];
					if(data.data.roleNames){//存在该字段
						if(data.data.roleNames.indexOf(",")==-1){
							role_Names.push(data.data.roleNames);
							
						}else{
							
							role_Names=data.data.roleNames.split(",");
						}
						
					}
					
					
					var str="";
					$(".checkbox").empty();
					for(var i=0;i<role_arr.length;i++){
						for(var j=0;j<role_Names.length;j++){
							i=j;
							str+="<label value="+role_arr[i]+"><img src='../img/pricePlan/ok.png'><span>"+role_Names[j]+"</span></label>"
						}
					}
					$(".checkbox").append(str);
					
					//$("#roleIds option[value='"+data.data.roleIds+"']").attr("selected",true); //角色
					//$("#state option[value='"+data.data.state+"']").attr("selected",true); //状态
					
					
					
				}
			});
		 
		 
		 	$(".sure").click(function(){
		 		//用户名不能为空
				if($("#loginname").val()==""){
					alert("请输入您的用户名")
					return false;
				}
				//姓名不能为空
				if($("#name").val()==""){
					alert("请输入您的姓名")
					return false;
				}
				//邮箱不能为空
				if($("#email").val()==""){
					alert("请输入您的邮箱")
					return false;
				}
				 //定义对象，用于盛放数据数据传输
				 var obj={};
				 obj.loginname=$("#loginname").val();//用户名
			     obj.name=$("#name").val();//姓名
			    // obj.organizationId=_dataOuter.data.organizationId;//部门Id
			     obj.organizationId=$("#organizationName").val();//部门
			     obj.sex=$("input[name='sex']:checked").val();//性别
			     obj.state=$("input[name='state']:checked").val();//状态
			    
			     obj.birthday=$("#birthday").val();//出生日期
			     obj.email=$("#email").val();//邮箱
			     obj.phone=$("#phone").val();//手机
			   
			     obj.tel=$("#tel").val();//座机
			     
			     //角色的处理和数据传输
			     var len=$(".checkbox label").length;
			     var Text=[];//用于存放展示出来的角色对应的id数组
			     for(var i=0;i<len;i++){
			    	 Text.push($(".checkbox label")[i].getAttribute("value"));
			    	
			     }
			     var roleIds=Text.join(",");//得到角色id的字符串系列
			     
			     obj.roleIds=roleIds; //角色
			     obj.id=u[1];
			     layer.msg('修改中...', {icon: 16,shade: 0.01});
			     //将得到的数据obj传输给后台
				 $.ajax({
						type:"post",
						url:"../User/edit?temp="+Math.random(),
						contentType:'application/json;charset=utf-8',
						data:JSON.stringify(obj),
						async:true,
						success:function(data){
							var data=JSON.parse(data);
							if(data.status.toString()=="1001"){
								layer.msg("编辑成功", {icon: 1,time:1000},function(){
									var index = parent.layer.getFrameIndex(window.name);//获取弹窗索引
									parent.layer.close(index);//关闭弹窗
								});			
							}else{
								layer.msg(data.message, {icon: 2,time:1000})
							}
						}
					});
		
			 });
			 //点击取消按钮
			 $(".cancel").click(function(){
				 closeWin();
			 });
			 
		 
    	</script>
		
			
</html>
